<template>
  <div class="item cursor-pointer mb-[10px] p-[12px] mx-[12px]">
    <a-typography>
      <a-typography-title :level="5" class="pb-[10px] text-left font-14">{{itemData.props.title}}</a-typography-title>
    </a-typography>
    <a-typography-paragraph class="pointer-events-none">
      <a-input v-model:value="value2" :placeholder="itemData.props.placeholder"/>
    </a-typography-paragraph>
  </div>
</template>

<script setup>
import {defineProps, ref} from "vue";
const {itemData} = defineProps({
  itemData:{
    type:Object,
    default:{}
  }
})
let value2 = ref('')
</script>

<style scoped>

</style>
